﻿<%@ Page Title="Employees" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Employees.aspx.cs" Inherits="Employees" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    <style type="text/css">
        .style1
        {
            width: 140px;
        }
        .style2
        {
            width: 38px;
        }
        .style3
        {
            width: 220px;
        }
        .style4
        {
            width: 75px;
        }
        .style5
        {
            width: 220px;
        }
        .style6
        {
            width: 60px;
        }
        .styleRequiredField
        {
            width: 15px;
            color:#ff0000;
        }
    </style>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="Scripts/animatedcollapse.js"></script>
    <script type="text/javascript">
        animatedcollapse.addDiv('MainContent_divNewAccount', 'fade=1,height=154px')
    animatedcollapse.ontoggle = function ($, divobj, state) { //fires each time a DIV is expanded/contracted
        //$: Access to jQuery
        //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
        //state: "block" or "none", depending on state
    }

    animatedcollapse.init();

</script>
<script type="text/javascript">
    //animatedcollapse.addDiv('jason', 'optional_attribute_string')
    //additional addDiv() call...
    //additional addDiv() call...
    animatedcollapse.init()
</script>


</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    <div class="mainSection_emp">
         <table cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td style="padding-top:3px; padding-bottom:3px; height:62px">
                    <table cellpadding="0" cellspacing="0" width="100%">
                        <tr> 
                            <td style="background-color:#DEDCDC; height:56px">
                                <table cellpadding="0" cellspacing="0" width="100%" class="forgotPassword_Emp">
                                    <tr>
                                        <td style="padding-left:40px" class="style1"><span style="font-size:13px; color:#3D3D3D; font-weight:bold">Forgot Password?</span></td>
                                        <td class="style2">Email:<span style="color:#ff0000;">*</span></td>
                                        <td class="style3"><asp:TextBox id="txtEmailName" MaxLength="34" runat="server" Height="26"/></td>
                                        <td class="styleRequiredField">
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                                                ControlToValidate="txtEmailName" Display="Dynamic" ErrorMessage="Email is required" Text="*" Font-Size="3px" 
                                                SetFocusOnError="True" ValidationGroup="vgForgotPwd"></asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                                                ControlToValidate="txtEmailName" Display="Dynamic" ErrorMessage="Enter a valid Email Id" 
                                                SetFocusOnError="True" Text="*" Font-Size="3px"
                                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                                                ValidationGroup="vgForgotPwd"></asp:RegularExpressionValidator>
                                        </td>
                                        <td class="style4">User Name:<span style="color:#ff0000;">*</span></td>
                                        <td class="style5"><asp:TextBox id="txtUserNameForgotPassword" MaxLength="20" runat="server" Height="26"/></td>
                                        <td class="styleRequiredField">
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                                                ControlToValidate="txtUserNameForgotPassword" Display="Dynamic" 
                                                ErrorMessage="User Name is required" Text="*" Font-Size="3px" SetFocusOnError="True" ValidationGroup="vgForgotPwd"></asp:RequiredFieldValidator>
                                        </td>
                                        <td style="padding-top:6px"><asp:ImageButton ID="btnSubmitForgotPassword" 
                                                runat="server" ImageUrl="~/Images/employee_login_submit_btn.png" Width="65" 
                                                Height="24" ValidationGroup="vgForgotPwd" 
                                                onclick="btnSubmitForgotPassword_Click" />
                                                <asp:ValidationSummary ID="ValidationSummary2" runat="server" ValidationGroup="vgForgotPwd"
                                    ShowMessageBox="true" ShowSummary="false" EnableClientScript="true" />
                                                 </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>
                <asp:Panel ID="pln" runat="server" DefaultButton="btnLogin">
                    <div class="userLogin_Emp">
                        <table cellpadding="0" cellspacing="0" class="userLoginBox_Emp">
                            <tr>
                                <td class="style6">Username:<span style="color:#ff0000;">*</span></td>
                                <td><asp:TextBox id="txtUsernameLogin" MaxLength="20" runat="server" Height="31"/></td>
                                <td class="styleRequiredField">
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"  Font-Size="3px"
                                        ControlToValidate="txtUsernameLogin" Display="Dynamic" Text="*" ErrorMessage="Username is required" 
                                        SetFocusOnError="True" ValidationGroup="vgLogin"></asp:RequiredFieldValidator>
                                </td>
                            </tr>
                            <tr>
                                <td class="style6"></td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td class="style6">Password:<span style="color:#ff0000;">*</span></td>
                                <td><asp:TextBox id="txtPassword" MaxLength="20" TextMode="Password" runat="server" Height="31"/><!--  onkeyup="onkeyuppassword(this)"-->
                                </td>
                                <td class="styleRequiredField">
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Font-Size="3px"
                                        ControlToValidate="txtPassword" Display="Dynamic" Text="*" ErrorMessage="Password is required" 
                                        SetFocusOnError="True" ValidationGroup="vgLogin"></asp:RequiredFieldValidator>
                                        <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="vgLogin"
                                    ShowMessageBox="true" ShowSummary="false" EnableClientScript="true" />
                                </td>
                            </tr>
                        </table>
                        <a href="javascript:animatedcollapse.toggle('MainContent_divNewAccount')"><img id="btnCreateNewAccount" src="Images/employee_login_create_acct_btn.png" width="165" height="52" class="empBtnNewAccount" /></a>
                        <asp:ImageButton ID="btnLogin" runat="server" 
                            ImageUrl="~/Images/employee_login_btn.png" Width="106" Height="106" 
                            CssClass="empBtnLogin" onclick="btnLogin_Click"
                            ValidationGroup="vgLogin" />
                        
                    </div>
                    </asp:Panel>
                </td>
            </tr>
            <tr>
                <td valign="top">
                    <div id="divNewAccount" runat="server" style="background-color:#DEDCDC; height:154px;display:none;">
                    <table cellpadding="0" cellspacing="0" style="margin-left:68px; margin-top:0px;">
                    <tr>
                            <td class="forgotPassword_Emp" style="height:20px;" valign="middle" colspan="2">
                               <span style="color:#ff0000;">Fill all the mandatory fields</span>
                            </td>
                            <td class="forgotPassword_Emp" style="width:90px;" valign="middle">
                                
                            </td>
                            <td class="newAccount_Emp" style="width:210px;">
                                
                            </td>
                             <td class="styleRequiredField">
                                
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td class="forgotPassword_Emp" style="width:75px;" valign="middle">
                                First Name:<span style="color:#ff0000;">*</span>
                            </td>
                            <td class="forgotPassword_Emp" style="width:260px;">
                                <asp:TextBox id="txtFirstName" MaxLength="20" TabIndex="1" runat="server" Height="26"/>
                                <span style="color:#DEDCDC;">
                                <asp:RequiredFieldValidator runat="server" 
                                     ControlToValidate="txtFirstName" Display="Dynamic" Text="*" ErrorMessage="First Name is required" 
                                     SetFocusOnError="True" ValidationGroup="vgRegister"></asp:RequiredFieldValidator>
                                     
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator4" runat="server" 
                                    ControlToValidate="txtFirstName" Display="Dynamic" 
                                    ErrorMessage="Invalid First Name" SetFocusOnError="True" 
                                    ValidationExpression="^([A-Za-z]+)$" ValidationGroup="vgRegister">*</asp:RegularExpressionValidator></span>
                            </td>
                            <td class="forgotPassword_Emp" style="width:90px;" valign="middle">
                                User Name:<span style="color:#ff0000;">*</span>
                            </td>
                            <td class="newAccount_Emp" style="width:210px;">
                                <asp:TextBox id="txtUserNameNewAccount" MaxLength="20" TabIndex="4" runat="server" Height="26"/>
                                <span style="color:#DEDCDC;">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                                     ControlToValidate="txtUserNameNewAccount" Text="*" Display="Dynamic" ErrorMessage="User Name is required" 
                                     SetFocusOnError="True" ValidationGroup="vgRegister"></asp:RequiredFieldValidator></span>
                            </td>
                             <td class="styleRequiredField">
                                
                                 
                                
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td class="forgotPassword_Emp" style="width:75px;" valign="middle">
                                Last Name:<span style="color:#ff0000;">*</span>
                            </td>
                            <td class="forgotPassword_Emp" style="width:260px;">
                                <asp:TextBox id="txtLastName" MaxLength="20" TabIndex="2" runat="server" Height="26"/>

                                <span style="color:#DEDCDC;">
                                 <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                                     ControlToValidate="txtLastName" Text="*" Display="Dynamic" ErrorMessage="Last Name is required" 
                                     SetFocusOnError="True" ValidationGroup="vgRegister"></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator5" runat="server" 
                                    ControlToValidate="txtLastName" Display="Dynamic" 
                                    ErrorMessage="Invalid Last Name" SetFocusOnError="True" 
                                    ValidationExpression="^([A-Za-z]+)$" ValidationGroup="vgRegister">*</asp:RegularExpressionValidator></span>
                            </td>
                            <td class="forgotPassword_Emp" style="width:90px;" valign="middle">
                                Password:<span style="color:#ff0000;">*</span>
                            </td>
                            <td class="newAccount_Emp" style="width:210px;">
                                <asp:TextBox id="txtPasswordNewAccount" MaxLength="20" TabIndex="5" TextMode="Password" runat="server" Height="26"/>
                                <span style="color:#DEDCDC;">
                                 <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" 
                                     ControlToValidate="txtPasswordNewAccount" Text="*" Display="Dynamic" ErrorMessage="Password is required" 
                                     SetFocusOnError="True" ValidationGroup="vgRegister"></asp:RequiredFieldValidator>
                                </span>
                            </td>
                             <td class="styleRequiredField">
                                
                                
                                
                            </td>
                            <td>
                                &nbsp;</td>
                        </tr>
                        <tr>
                            <td class="forgotPassword_Emp" style="width:75px;" valign="middle">
                                Email:<span style="color:#ff0000;">*</span></td>
                            <td class="forgotPassword_Emp" style="width:260px;">
                                <asp:TextBox id="txtEmail" MaxLength="34" TabIndex="3" runat="server" Height="26"/>
                                <span style="color:#DEDCDC;">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" 
                                     ControlToValidate="txtEmail" Display="Dynamic" Text="*" ErrorMessage="Email is required" 
                                     SetFocusOnError="True" ValidationGroup="vgRegister"></asp:RequiredFieldValidator>
                                </span>
                            </td>
                            <td class="forgotPassword_Emp" style="width:90px;" valign="middle">
                            Confirm Password:<span style="color:#ff0000;">*</span>
                            </td>
                            <td class="newAccount_Emp" style="width:210px;">
                                <asp:TextBox id="txtPasswordConfirm" MaxLength="20" TabIndex="6" TextMode="Password" runat="server" Height="26"/>
                                <span style="color:#DEDCDC;">                                
                                 <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" 
                                     ControlToValidate="txtPasswordConfirm" Text="*" Display="Dynamic" ErrorMessage="Confirm Password is required" 
                                     SetFocusOnError="True" ValidationGroup="vgRegister"></asp:RequiredFieldValidator>
                                </span>
                            </td>
                             <td class="styleRequiredField">
                                
                                 
                                
                            </td>
                            <td>
                                <asp:ImageButton ID="btnNewAccount" TabIndex="7" runat="server" 
                                    ImageUrl="~/Images/employee_login_create_new_acct_btn.png" Width="123" 
                                    Height="31" ValidationGroup="vgRegister" onclick="btnNewAccount_Click" />
                            </td>
                        </tr>
                        <tr>
                            <td class="forgotPassword_Emp" style="width:75px;" valign="middle">
                                </td>
                            <td class="forgotPassword_Emp" 
                                style="width:260px;color:#DEDCDC;padding-left:15px" valign="top">
                                 <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" 
                                     ControlToValidate="txtEmail" Text="*" Display="Dynamic" ErrorMessage="Enter a valid Email Id" 
                                     SetFocusOnError="True" 
                                     ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                                     ValidationGroup="vgRegister"></asp:RegularExpressionValidator>
                                
                            </td>
                            <td class="forgotPassword_Emp" style="width:315px" valign="top" colspan="3">
                                
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" 
                                     ControlToValidate="txtPasswordNewAccount" Display="Dynamic" ErrorMessage="Your Password must be 8 characters in length and contain atleast one number, one uppercase, one lower case, and one special character." 
                                     SetFocusOnError="True" ForeColor="#DEDCDC" Text="*"
                                     ValidationExpression="^.*(?=.{8,25})(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%^&+=]).*$" 
                                     ValidationGroup="vgRegister"></asp:RegularExpressionValidator>

                                <asp:CompareValidator ID="CompareValidator1" runat="server"
                                     ControlToCompare="txtPasswordNewAccount" ControlToValidate="txtPasswordConfirm" ForeColor="#DEDCDC" 
                                     Display="Dynamic" ErrorMessage="Confirm Password should be same as Password." SetFocusOnError="True" 
                                     ValidationGroup="vgRegister" Text="*"></asp:CompareValidator>
                                <asp:ValidationSummary runat="server" ValidationGroup="vgRegister"
                                    ShowMessageBox="true" ShowSummary="false" EnableClientScript="true" />
                            </td>
                            
                            <td></td>
                        </tr>
                    </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="height:4px">
                    &nbsp;
                </td>
            </tr>

        </table>
        
        
    </div>
</asp:Content>

